<template>
    <div class="wrap">
        <div class="img-box1">
            <el-carousel :interval="3000" type="card" height="400px">
                <el-carousel-item v-for="item in imgList" :key="item.id">
                    <img :src="item.url" width="100%" height="400px" alt="">
                </el-carousel-item>
            </el-carousel>
            <el-row :gutter="20">

                <el-col :span="24">
                    <el-card>
                        <div class="chart-title">柱状图</div>
                        <student-column />
                    </el-card>
                </el-col>

                <el-col :span="12">
                <el-card>
                    <div class="chart-title">折线图</div>
                    <student-dual-axes />
                </el-card>
            </el-col>

            </el-row>


            <el-row :gutter="20">

                <el-col :span="12">
                    <el-card>
                        <div class="chart-title" >柱线混合图</div>
                        <student-bar />
                    </el-card>
                </el-col>

                <el-col :span="12">
                    <el-card>
                        <div class="chart-title" >散点图</div>
                        <student-point />
                    </el-card>
                </el-col>

            </el-row>

        </div>
    </div>
</template>

<script>
    import studentColumn from "./studentColumn";
    import studentBar from "./studentBar";
    import studentDualAxes from "./studentDualAxes";
    import studentPoint from "./studentPoint";

    export default {
        name: "Mainstudents",
        components: {studentBar,studentColumn,studentDualAxes,studentPoint}
    }
</script>

<style scoped>

</style>